<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>注册页面</title>
	<link rel="stylesheet" href="css/bootstrap.min.css" />
	<link rel="stylesheet" href="css/easyui.css"/>
	<style>
		body{
		background-color: #f1f1f1;
		}
		.lightBg{
			background-color: #fff;
			padding: 10px 20px;
		}
		.registBody{
			padding: 10px 20px;
		}

	</style>
</head>
<body>

	<div class="container">
		<div class="row lightBg">
			<!--标题-->
			<h2 class="pull-left"><img src="images/logo.png" style="width: 80px;"> 智游科技项目申报系统</h2>
			<p class="pull-right" style="margin-top: 20px;"><button class="btn btn-warning">常见问题</button></p>
		</div>
		<div class="row" style="margin-top: 20px;">
		<div class="panel panel-info">
			<div class="panel-heading">注册向导</div>
			<div class="panel-body">
				<div class="registBody">
					<ul class="nav nav-tabs">
						<li role="presentation" class="active" id="dtab"><a href="#">账号信息</a></li>
						<li role="presentation" id="gtab"><a href="#">基本信息</a></li>
					</ul>
					<div id="tab1">

						<table class="table table-bordered">
							<tr>
								<td colspan="2" style="background-color: #bce8f1;">单位管理员信息</td>
							</tr>
							<tr>
								<td class="text-right" width="15%">姓名:</td>
								<td class="text-left" width="85%"><input type="text" style="width: 240px;"></td>
							</tr>
							<tr>
								<td class="text-right" width="15%">电子邮箱:</td>
								<td class="text-left" width="85%"><input type="text" style="width: 240px;">
								<span>电子邮箱是系统与您联系的重要途径，请正确输入，推荐使用xxxxxxxx</span>
								</td>
							</tr>
							<tr>
								<td class="text-right" width="15%">联系电话:</td>
								<td class="text-left" width="85%"><input type="text" style="width: 240px;">
								<span>例如：0371-xxxxxxxx</span>
								</td>
							</tr>
							<tr>
								<td class="text-right" width="15%">手机:</td>
								<td class="text-left" width="85%"><input type="text" style="width: 240px;">
								<span>手机号码是系统与您联系的重要途径，请正确输入，例如：13600000000</span>
								</td>
							</tr>
							<tr>
								<td class="text-right" width="15%">登录账号:</td>
								<td class="text-left" width="85%"><input type="text" style="width: 240px;" value="上一步填写的组织机构代码" disabled>
								<span>使用组织结构代码为登录账号</span>
								</td>
							</tr>
							<tr>
								<td class="text-right" width="15%">登录密码:</td>
								<td class="text-left" width="85%"><input type="text" style="width: 240px;">
								<span>密码长度为6-10位，可由字母和数字组成，区分大小写</span>
								</td>
							</tr>
							<tr>
								<td class="text-right" width="15%">确认密码:</td>
								<td class="text-left" width="85%"><input type="text" style="width: 240px;">
								<span>确认密码必须和登录密码一致</span>
								</td>
							</tr>
						</table>

					</div>
					<div id="tab2" class="hidden">
						<table class="table table-bordered">
							<tr>
								<td colspan="2" style="background-color: #bce8f1;">单位管理员信息</td>
							</tr>
							<tr>
								<td class="text-right" width="15%">单位名称:</td>
								<td class="text-left" width="85%">智游教育公司</td>
							</tr>
							<tr>
								<td class="text-right" width="15%">组织机构代码:</td>
								<td class="text-left" width="85%"><input type="text" style="width: 240px;"></td>
							</tr>
							<tr>
								<td class="text-right" width="15%">上级主管单位:</td>
								<td class="text-left" width="85%"><input type="text" style="width: 240px;">
								</td>
							</tr>
							<tr>
								<td class="text-right" width="15%">注册资本:</td>
								<td class="text-left" width="85%"><input type="text" style="width: 240px;">
								</td>
							</tr>
							<tr>
								<td class="text-right" width="15%">注册时间:</td>
								<td class="text-left" width="85%"><input type="text" style="width: 240px;">
									<span>单位成立的日期，如企业营业执照上标明的注册日期</span>
								</td>
							</tr>
							<tr>
								<td class="text-right" width="15%">单位地址:</td>
								<td class="text-left" width="85%"><input type="text" style="width: 240px;" value="">
								</td>
							</tr>
							<tr>
								<td class="text-right" width="15%">邮政编码:</td>
								<td class="text-left" width="85%"><input type="text" style="width: 240px;">
								</td>
							</tr>
							<tr>
								<td class="text-right" width="15%">单位电话:</td>
								<td class="text-left" width="85%"><input type="text" style="width: 240px;">
								</td>
							</tr>
							<tr>
								<td class="text-right" width="15%">单位传真:</td>
								<td class="text-left" width="85%"><input type="text" style="width: 240px;">
								</td>
							</tr>
							<tr>
								<td class="text-right" width="15%">单位网址:</td>
								<td class="text-left" width="85%"><input type="text" style="width: 240px;">
								</td>
							</tr>
						</table>
					</div>

					<div>
						<button class="btn btn-primary">提交</button>&nbsp;&nbsp;
						<a href="index.html" class="btn btn-default">退出</a>

					</div>
				</div>
			</div>
		</div>
		</div>
		<footer style="margin-top:40px;">
			<p class="text-center">版权归智游教育所有</p>
		</footer>
	</div>




	<script src="js/jquery1.12.4.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/jquery.easyui.min.js"></script>
	<script type="text/javascript">
		$(function(){
			$('#dtab').click(function () {
				if(!$(this).hasClass('active')){
					$('#gtab').removeClass('active');
					$('#tab2').addClass('hidden');
					$('#dtab').addClass('active');
					$('#tab1').removeClass('hidden');
				}
			});
			$('#gtab').click(function () {
				if(!$(this).hasClass('active')){
					$('#dtab').removeClass('active');
					$('#tab1').addClass('hidden');
					$('#gtab').addClass('active');
					$('#tab2').removeClass('hidden');
				}
			});
		});
	</script>
</body>
</html>